﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Demo::JskitSpirit::</title>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css" href="../main.css" >
    <script src="../../release/jskit.core.js"></script>
    <script src="../JskitConfig_doc.js"></script>
	<script>
		var jskitContextMenu = new JskitContextMenu();
	jskitContextMenu.configuation.open = true;
	//set the provider for contextMenu's content,the provider has only one argument:event
	jskitContextMenu.configuation.provider = "jskitToolbar.getContent";
	jskitEvents.ready("oncontextmenu","jskitContextMenu.open");
	jskitEvents.ready("onclick","jskitContextMenu.close");
	</script>
  </head>
  
   <body>
   		<table>
   			<tr>
   				<td class="package">JskitSpirit Demo</td>
   			</tr>
   			<tr>
   				<td>
   					<div id="demo_dynamic_div" align="center" style="font-size:16px;height:30;width:100px;background-color:#6699cc;color:#ffff00;border:1px solid #000000;">
   						测试对象
   					</div>
					<table>
						<tr>
							<td>1）开启查看器：选中要查看的对象，点击右键，选择"对象查看器"</td>
						</tr>
						<tr>
							<td>2）实时监控鼠标在屏幕上的位置</td>
						</tr>
						<tr>
							<td><img src="../demo/images/jskitSpirit_mouse.jpg" style="border:1px solid #000000" /></td>
						</tr>
						<tr>
							<td>3）测算对象的大小（像素）。将鼠标放置在开始的位置，按住ctrl，移动鼠标到结束的位置，可以测算对象的尺寸。</td>
						</tr>
						<tr>
							<td><img src="../demo/images/jskitSpirit_distance.jpg" style="border:1px solid #000000" /></td>
						</tr>
						<tr>
							<td>4）获取对象的相信信息，包括自身的html代码。</td>
						</tr>
						<tr>
							<td><img src="../demo/images/jskitSpirit_tag.jpg" style="border:1px solid #000000" /></td>
						</tr>
					</table>
					
					
					
					
   				</td>
   			</tr>
   		</table>
</BODY>
</HTML>
